<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/css/style.css' />
   
  </head>
  <body id="app">
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>

    <%- include top %>
    
    <ul>
        <% for (var i = 0; i < supplies.length; i++) { %>
           <li><%=supplies[i]%></li>
        <% } %>
    </ul>
    
    {{message}}
    <ul>
      <template v-for="item in items">
          <li>{{item}} <a v-on:click="remove($index)">×</a></li>
      </template>
  </ul>
   <%- include bottom %>
   
    <script>
          var supplies = <%- JSON.stringify(supplies) %>
    </script>
    <script src="/js/common.js"></script>
    <script src="/js/index.bundle.js"></script>
    
  </body>
 
</html>
